<template>
  <!-- 角膜接触镜复查 -->
    <el-form inline readonly>
      <el-divider content-position="left">验光信息</el-divider>
      <el-row class="bg-row">
        <el-form-item label="验光师">
          <el-input  v-model="dataForm.checkerName" readonly></el-input>
        </el-form-item>
        <el-form-item label="日期">
          <el-input  v-model="dataForm.checkDate" readonly></el-input>
        </el-form-item>
      </el-row>
      <el-divider content-position="left">顾客资料</el-divider>
      <el-row class="bg-row">
        <el-form-item label="卡号">
          <el-input v-model="customerData.customerCard"></el-input>
        </el-form-item>
        <el-form-item label="姓名">
          <el-input class="width-125"  v-model="customerData.name" readonly></el-input>
        </el-form-item>
        <el-form-item label="性别">
          <el-input class="width-125" v-if="customerData.gender == '0'" value="男" readonly></el-input>
          <el-input class="width-125" v-if="customerData.gender == '1'" value="女" readonly></el-input>
        </el-form-item>
        <el-form-item label="年龄">
          <el-input class="width-125"  v-model="customerData.age" readonly></el-input>
        </el-form-item>
        <el-form-item label="电话">
          <el-input class="width-125"  v-model="customerData.phone1" readonly></el-input>
        </el-form-item>
      </el-row>
      <el-divider content-position="left">角膜接触镜</el-divider>
      <table class="miui-table">
        <tr>
          <td width="60px"></td>
          <td>戴镜视力</td>
          <td>追加</td>
          <td>追加视力</td>
          <td>定位</td>
          <td>活动度</td>
          <td>摘镜视力</td>
          <td>追加</td>
          <td>追加视力</td>
        </tr>
        <tr>
          <td>OD</td>
          <td><el-form-item><el-input v-model="dataForm.takeVaOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.takeAddOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.takeAddVaOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.whereOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.moveOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.detakeVaOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.detakeAddOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.detakeAddVaOd"></el-input></el-form-item></td>
        </tr>
        <tr>
          <td>OS</td>
          <td><el-form-item><el-input v-model="dataForm.takeVaOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.takeAddOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.takeAddVaOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.whereOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.moveOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.detakeVaOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.detakeAddOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.detakeAddVaOs"></el-input></el-form-item></td>
        </tr>
      </table>
      <el-divider content-position="left">眼部健康检查</el-divider>
      <table class="miui-table">
        <tr>
          <td></td>
          <td>角膜</td>
          <td>结膜</td>
          <td>其他</td>
          <td>备注</td>
        </tr>
        <tr>
          <td>OD</td>
          <td><el-form-item><el-input v-model="dataForm.eyeMOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.eyeJmOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.otherOd"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.remarkOd"></el-input></el-form-item></td>
        </tr>
        <tr>
          <td>OS</td>
          <td><el-form-item><el-input v-model="dataForm.eyeMOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.eyeJmOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.otherOs"></el-input></el-form-item></td>
          <td><el-form-item><el-input v-model="dataForm.remarkOs"></el-input></el-form-item></td>
        </tr>
      </table>
      <el-divider content-position="left">复诊建议</el-divider>
      <el-row class="bg-row">
        <el-form-item label-width="0">
          <el-radio-group v-model="dataForm.healthType">
              <el-radio label="1">正常</el-radio>
              <el-radio label="2">停戴</el-radio>
              <el-radio label="3">更换镜片</el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label-width="0" v-if="proposal == '1'">
          <el-input v-model="dataForm.health"></el-input>
        </el-form-item>
      </el-row>
    </el-form>
</template>

<script>
  import {
    mapGetters
  } from 'vuex'
  import {
    filterParams
  } from '@/util/tools'
  export default {
    data() {
      return {
        visible: false,
        activeName: 'second',
        dataForm:{
            checkDate:'',
            checker:''
        },
        chkDatas:[],
        customerData: {
            customerCard: '',
            id: '',
            name: '',
            gender: '',
            age: '',
            phone1: '',
            cardType: '',
            integral: ''
        },
        checkList: [],
        optType: '',
        optOptions: [
          { value: '1', label: '远用' },
          { value: '2', label: '近用' },
          { value: '3', label: '渐进/双光' },
          { value: '4', label: '隐形' },
          { value: '5', label: '中用' },
          { value: '6', label: '角膜塑形' },
          { value: '7', label: '视觉训练' },
        ],
        glassesType: '',
        glassesTypeOption: [
          {value: '1', label: '无'},
          {value: '2', label: '框架'},
          {value: '3', label: '隐形眼镜'},
        ],
        proposal: '1'
      }
    },
    computed: {
      ...mapGetters(['permissions', 'bizData', 'userInfo', 'isCollapse'])
    },
    methods: {
      init() {
        this.visible = true
      },
      getCustomerByCardNo() {

      },
      openDialog() {

      }
    }
  }
</script>

<style lang="scss" scoped>
  .bg-row {
    // background-color: #cadee8;
    padding-left: 15px;
    padding-top: 5px;
  }
  .width-125 {
    width: 125px;
  }
  .miui-table {
    width: 100%;
    margin: 10px 0;
    background-color: #b1e2ec3b;
    tr th {
      background-color: #f4f5f7;
    }

    tr th, tr td {
      padding: 10px 8px;
      border: solid 1px #e7e7e7;
      text-align: center;
    }
    .miui-table-header td{
      background-color: #7898a8;
      color: #fff;
    }
    .miui-table-tbody{
      background-color: #cadee8;
    }
  }
</style>
